<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>03css背景样式</title>
		<style type="text/css">
			* {
				margin: 0;
			}

			.image {
				background: url(../images/images/fm.gif);
				width: 1080px;
				height: 1655px;
				margin: 0 auto;
				overflow: hidden;
			}
			
			.image button{
				/* button是行内块级元素，需要转化为块级元素才能实现margin */
				font-size: 42px;
				display: block;
				margin: 20px auto;
				border-radius: 30px;
				width: 420px;
				height: 120px;
			}
		</style>
	</head>
	<body>
		<!-- 使用css在界面上放按钮 -->
		<div class="image">
			<button>开始游戏</button>
		</div>
	</body>
</html>
